<script setup>

</script>

<script>
export default {
  data() {
    return {
      items: [
        {
          name: 'John Doe',
          books: [
            'Vue 2 - Advanced Guide',
            'Vue 3 - Basic Guide',
            'Vue 4 - The Mystery'
          ]
        }, {
          name: 'John Doe',
          books: [
            'Vue 2 - Advanced Guide',
            'Vue 3 - Basic Guide',
            'Vue 4 - The Mystery'
          ]
        }
      ]
    }
  }
}
</script>

<template>
  <div >
    <ol>
      <li v-for="item in items">
        {{item.name }}<br>
        {{item.books}}
      </li>
    </ol>
  </div>
</template>

<style scoped>

</style>
